<!--
 * @author Santa Antilles
 * @description 评论展示组件
 * @date 2023/12/28-20:55:47
 * -->
<template>
  <div class="item-wrapper" @click="jump">
    <p>{{title}}</p>
  </div>
  <div class="bottom-split-line"/>
</template>

<script>
import router from "../router/index.js";

export default {
  name: "SurveyShowItem",
  props:{
    title: String,
    publisher: String,
    surveyId: String
  },
  methods:{
    jump(){
      router.push(`/survey/${this.surveyId}`)
    }
  }
}
</script>

<style scoped>
.item-wrapper{
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
/*.item-wrapper p{*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
.bottom-split-line {
  border-top: 1px dashed #000;
  width: 100%;
}
.item-wrapper:hover{
  background-color: #efefef;
}
</style>